<div class="row">

    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
        <div class="widget am-cf">
            <div class="widget-head am-cf">
                <div class="widget-title am-fl">权限</div>
                <div class="widget-function am-fr">
                </div>
            </div>
            <div class="widget-body am-fr">

                <input type="button" class="am-btn am-btn-warning am-btn-sm" value="新增权限" onclick="addAuthorUrl()">

                <table class="am-table am-table-compact am-table-bordered tpl-table-black " style="text-align:center;margin-top: 10px;">
                    <thead>
                    <tr>
                        <td>权限</td>
                        <td>中文释义</td>
                        <td>状态</td>
                        <td>备注</td>
                        <td>操作</td>
                    </tr>
                    </thead>

                    <#--展示分页数据-->
                    <tbody id="authorData">
                        <tr>
                            <td colspan="5">暂无数据</td>
                        </tr>
                    </tbody>

                </table>

                <div  style="text-align: center;">
                    <#--展示分页-->
                    <div  id='authorPage'></div>
                </div>


            </div>
        </div>
    </div>






</div>


<script type="text/javascript">

    /**
     * 加载完后自动执行
     */
    $(function (){
        console.log(111)
        getAuthorList(1, 10);
        console.log(222)
    });

    /**
     * 权限信息 分页
     */
    function authorPage(total, pageNum) {
        /**
         * 纯粹的JS分页插件，代码缺点：JS操作DOM冗余太多，太繁琐
         */
        //对分页数据先进行清理
        $("#authorPage").empty();
        pageUtil.initPage('authorPage',{
            totalCount:total,//总页数，一般从回调函数中获取。如果没有数据则默认为1页
            curPage:pageNum,//初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
            showCount:5,//分页栏显示的数量
            pageSizeList:[5,10,15,20,25,30],//自定义分页数，默认[5,10,15,20,50]
            defaultPageSize:10,//默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个
            isJump:true,//是否包含跳转功能，默认false
            isPageNum:false,//是否显示分页下拉选择，默认false
            isPN:true,//是否显示上一页和下一面，默认true
            isFL:true,//是否显示首页和末页，默认true
            jump:function(curPage,pageSize){//跳转功能回调，传递回来2个参数，当前页和每页大小。如果没有设置分页下拉，则第二个参数永远为0。这里的this被指定为一个空对象，如果回调中需用到this请自行使用bind方法
                //console.log(curPage,pageSize);
                getAuthorList(curPage, 10);
            }
        });
    }



    /**
     * 获取分页 权限数据 (总的权限)
     * @param page 页码
     * @param limit 页大小
     */
    function getAuthorList(page, limit) {
        //加载层
        var index = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2

        var url = "/author/getAuthorList.php";
        $.ajax({
            url: url,
            type:"post",
            dataType:"json",
            data:{"page" : page, "limit" : limit},
            success:function(data){
                if (data.status == "success"){
                    var obj = data.object;
                    var html = "";
                    if (obj.list == null || obj.list.length == 0){
                        $("#authorData").empty();
                        html = "<tr><td colspan='5'><div style='text-align:center; color:#fff'>暂无数据</div></td></tr>";

                    } else {
                        for (var i = 0; i < obj.list.length; i ++){
                            var author = obj.list[i];

                            var status = author.status;
                            if (!checkNull(status)){
                                if (status == "0"){
                                    status = "正常";
                                } else if (status == "1"){
                                    status = "禁用";
                                }
                            }

                            html += "<tr>"
                                    + "<td>" + author.boundary + "</td>"
                                    + "<td>" + author.chBoundary + "</td>"
                                    + "<td>" + status + "</td>"
                                    + "<td>" + author.remark + "</td>"

                                    + "<td>"
                                    + "<div class=\"tpl-table-black-operation am-fr\">"

                                    + "<a href='javascript:;' onclick='updateAuthorUrl(\"" + author.id + "\")'>"
                                    + "<i class=\"am-icon-pencil\" ></i> 修改"
                                    + "</a>&nbsp;"

                                    + "<a href='javascript:;' onclick='delAuthor(\"" + author.id + "\")' class=\"tpl-table-black-operation-del\">"
                                    + "<i class=\"am-icon-pencil\" ></i> 删除"
                                    + "</a>&nbsp;"

                                    + "</div>"
                                    + "</td>"
                                    + "</tr>";
                        }
                    }
                    replaceAppoint("authorData", html);
                    authorPage(obj.total, obj.pageNum);

                } else if (data.status == 'error'){
                    alert(data.msg);
                } else {
                    alert("未知情况");
                }
                //关闭弹出层
                layer.close(index);
            },
            error:function(e){
                //关闭弹出层
                layer.close(index);
                alert("错误！！" + e);
            }

        });
    }

    /**
     * 跳转到更新权限
     * @param id 权限ID
     */
    function updateAuthorUrl(id) {
        if (checkNull(id)){
            alert("权限ID为空");
            return;
        }
        window.location.href="/author/toAddOrUpdAuthorUrl.php?addOrUpd=upd&authorId=" + id;
    }

    /**
     * 跳转到新增权限
     * @param id 权限ID
     */
    function addAuthorUrl(id) {

        window.location.href="/author/toAddOrUpdAuthorUrl.php?addOrUpd=add&authorId=" + id;
    }

    /**
     * 删除权限
     * @param id 权限ID
     */
    function delAuthor(id) {
        var affirm = confirm("危险操作警告：是否确认删除权限?");
        if (!affirm){
            return;
        }

        if (checkNull(id)){
            alert("权限ID为空");
            return;
        }
        var url = "${request.contextPath}/author/delAuthor.php?authorId=" + id;
        $.ajax({
            url: url,
            type:"post",
            dataType:"json",
            data:null,
            success:function(data){
                if (data.status == "success"){
                    alert(data.msg);
                } else if (data.status == 'error'){
                    alert(data.msg);
                } else {
                    alert("未知情况");
                }
            },
            error:function(e){
                alert("错误！！");
            }
        });
    }

</script>